import React, {Component} from 'react';
import './index.css';
import theme from './../Css/theme'; //主题色

import Link from 'umi/link';

// 插件部分
import {Menu, Icon} from 'antd';
const {SubMenu} = Menu;

// 左边导航栏部分
export default class LeftNav extends Component {
  render () {
    return (
      <div>
        <Menu
          style={{backgroundColor: theme.backgroundColor}}
          theme="dark"
          defaultSelectedKeys={['1']}
          mode="inline"
        >
          <Menu.Item key="1">
            <Icon type="pie-chart" />
            <span>门票</span>
          </Menu.Item>
          <SubMenu
            key="sub1"
            title={<span><Icon type="user" /><span>协议管理</span></span>}
          >
            <Menu.Item key="3">
              <Link to="/TicketList">用户协议</Link>
            </Menu.Item>
            <Menu.Item key="4">
              登陆协议
            </Menu.Item>
          </SubMenu>
        </Menu>
      </div>
    );
  }
}
